/*  
Theme Name: Zestedecouleurs
Auteur : Zestedecouleurs
*/


/* HAUT DE LA GALERIE */

body{
background-color: #e4e4b7;
font-family: 'Trirong', serif;
font-size:12,5px;
color:#979797;
line-height:14px;
margin: 0;
text-align: left;}

.title{
font-weight:bold;
text-align:center;
font-family: 'Abril Fatface', cursive;
font-size:35px;
color:#ae9890;
margin-top:25px;
margin-bottom:10px;}

.title-bottom{
width:270px;
text-align:center;
font-family: 'Trirong', serif;
font-size:14px;
color:#ffFFff;
background-color:#ddddaf;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
margin-top:10px;}

.title-bottom2{
width:270px;
text-align:center;
font-family: 'Trirong', serif;
font-size:14px;
color:#ffFFff;
background-color:#e0cfc9;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
margin-top:2px;
margin-bottom:10px;}

.navigation{
width:1000px;
padding-top:25px;
padding-bottom:25px;
background-color: #ffFFff;
font-family: 'Roboto', sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
border-top:1px solid #ededed;
letter-spacing:1px;
font-weight: 600 !important;
line-height: 18px;}

.navigation a:link, .navigation a:visited{
color: #979797;
text-transform: uppercase;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.navigation .selected, .navigation a:hover{
font-weight:bold;
background-color: #ffFFff;
border-bottom: 3px solid #979797;}

.header{
background: #ffFFff url('https://adoringmargotrobbie.com/galerie/themes/zestedecouleurs%20copp/images/header.png') no-repeat;
background-position: center top;
height: 450px;
width: 1000px;}

div#qTip{
background: #ffFFff;
border: 0;
color: #89866a;
display: none;
filter: alpha(opacity=80); /* For IE8 and earlier */
font: bold 12px Arial, Helvetica, sans-serif;
max-width: 400px;
opacity: 0.8;
padding: 10px;
position: absolute;
text-align: justify;
z-index: 1000;}

.gallery {
background-color: #ffFFff;
padding: 20px 20px 20px 20px;
width: 960px;}

.footer-text {
background-color: #cdcc9c;
color: #ffFFff;
display: block;
font-family: 'Trirong', serif;
font-size:14px;
margin: 0px;
padding: 20px 0px 20px 0px;
text-transform: uppercase;
width: 1000px;}

.footer-text i {
color:#ffFFff;}

.footer-text a{
color: #ffFFff;}

.footer{
font-family: 'Trirong', serif;
font-size: 12px;
text-align: center;}

.footer a{
color: #9c8277;
padding: 10px 0;
text-decoration: none;}

.footer a:hover{
color: #9c8277;
text-decoration: none;}


table{
font-size: 13px;}

b{
color: #a6a470;}

i{
color: #a6a470;}

u{
color: #a6a470;}

a{
color: #ac968d;
text-decoration: none;}

a:hover{
color: #ac968d;
text-decoration: none;}

h1. h2. h3{
font-family: 'Trirong', serif;
font-size:12,5px;
color:#ac968d;
line-height:14px;
font-weight: bold;
margin: 2px;
text-decoration: none;}

p{
font-family: 'Trirong', serif;
font-size:12,5px;
margin: 2px 0;}

ul{
margin-left: 5px;
padding: 0;}

li{
list-style-position: outside;
list-style-type: disc;
margin-bottom: 4px;
margin-left: 10px;
margin-top: 4px;
padding: 0;}

.textinput{
background-color: #ffFFff;
border: 0;
color: #979797;
line-height: 20px;
margin: 1px;
text-align: left;}

.listbox{
background-color: #ffFFff;
border: 0;
color: #979797;
margin: 1px; 
padding: 5px; 
text-align: left;}

.button{
background-color: #ffFFff;
border: 0;
color: #979797;
margin: 1px;
padding: 5px; 
text-align: left;}

.comment_button{
background-color: #ffFFff;
border: 0;
color: #979797;
margin: 1px;
padding: 5px;
text-align: left;}




/* COULEURS EN GENERAL */

.bblink a{
color: #ac968d;
font-weight: bold;
text-decoration: none;}

.bblink a:hover{
color: #ac968d;
font-weight: bold;
text-decoration: none;}

.maintable{
border: 0;
width: 960px;}

.tableh1{
background-color: #ffFFff;
border-bottom: 5px solid #f4f2f4;
color: #ac968d;
font-family: 'Roboto Condensed', sans-serif;
font-size:20px;
text-transform : uppercase;
font-weight: 600 !important;
line-height: 15px;
padding: 10px 10px 10px 10px;
text-align: center;}

.tableh1_compact{
background-color: #eae5ce;
color: #ac968d;}

.tableh2{
background-color: #f4f2f4;
border-bottom: 1px solid #f4f2f4;
color: #ac968d;
font-family: 'Lato', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 15px;
padding: 10px 10px 10px 10px;
text-align: left;
text-transform: uppercase;}

.tableh2 a img{
background: transparent;
border: 0;
padding: 0;}

.tableh2 a img:hover{
background: transparent;
border: 0;
padding: 0;}

.tableh2 a{
color: #ac968d;
font-family: 'Lato', sans-serif;
font-size: 15px;
font-weight: 400;
padding: 15px;
text-align: center;
text-transform: uppercase;}

.tableh2_compact{
background-color: #eae5ce;
color: #ac968d;
padding: 20px;}

.tableh2 b{
color: #9ca4bc;}

.tableb{
background-color: #f4f2f4;
border: 0;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;}

.tableb_alternate{
background-color: #f7f7f7;
border: 0;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;}

.tableb a{
color: #ac968d;}

.tableb a:hover{
color: #ac968d;}

.tableb_compact{
background-color: #f4f2f4;
border: 0;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;}

.tablef{
background-color: #f4f1e6;
border: 0;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;}

.catrow_noalb{
padding: 10px 0 10px 0;
border-bottom: 1px solid #ffFFff;}

.catrow_noalb:hover{
padding: 10px 0 10px 0;
border-bottom: 1px solid #ffFFff;}

.catrow{
border-bottom: 1px solid #ffFFff;
padding: 10px 0 10px 0;}

.catrow:hover{
border-bottom: 1px solid #ffFFff;
padding: 10px 0 10px 0;}

.album_stat{
font-size: 13px;
margin: 5px 0;}

.thumb_filename{
display: block;
font-size: 10px;}

.thumb_title {
margin-top:3px;
width:150px;
background-color:#e0cfc9;
color:#ffFFff;
display: block;
font-size: 12px;
padding: 2px 0 2px 0;
text-align: center;
text-transform: uppercase;}

.thumb_title_title {
width:150px;
margin-top:3px;
background-color:#e0cfc9;
color:#ffFFff;
display: block;
font-size: 12px;
padding: 2px 0 2px 0;
text-align: center;
text-transform: uppercase;}

.thumb_title_views {
margin-top:3px;
width:150px;
background-color:#e2e1b4;
color:#ffFFff;
display: block;
font-size: 12px;
padding: 2px 0 2px 0;
text-align: center;
text-transform: uppercase;}

.thumb_views {
margin-top:3px;
width:150px;
background-color:#e2e1b4;
color:#ffFFff;
display: block;
font-size: 12px;
padding: 2px 0 2px 0;
text-align: center;
text-transform: uppercase;}

.thumb_caption{
margin-top:3px;
width:150px;
color: #76798c;
display: block;
font-size: 11px;
padding: 2px 0 2px 0;
text-align: center;
text-transform: uppercase;}

.thumb_caption a{
color: #76798c;
text-decoration: none;}

.thumb_num_comments{
display: block;
font-size: 9px;
font-style: italic;
font-weight: normal;
padding: 2px;}

.statlink{
text-align:center;
color: #979797;
font-size: 15px;
text-transform: uppercase;}

.statlink a{
text-align:center;
color: #979797;
font-size: 15px;
text-transform: uppercase;}

.statlink a:hover{
text-align:center;
color: #979797;
font-size: 15px;
text-transform: uppercase;}

.statlink h2{
text-align:center;
font-size: 15px;
font-weight: 700;}

.alblink a{
color: #a19e69;
font-family: 'Roboto Condensed', sans-serif;
font-size:17px;
text-transform : uppercase;
line-height: 15px;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.alblink a:hover{
color: #a19e69;
font-family: 'Roboto Condensed', sans-serif;
font-size:17px;
text-transform : uppercase;
line-height: 15px;}

.catlink{
display: block;
margin-bottom: 7px;}

.catlink a{
color: #a19e69;
font-family: 'Roboto Condensed', sans-serif;
font-size:17px;
text-transform : uppercase;
line-height: 15px;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.catlink a:hover{
color: #a19e69;
font-family: 'Roboto Condensed', sans-serif;
font-size:17px;
text-transform : uppercase;
line-height: 15px;
background-color: #ffFFff;
border-bottom: 3px solid #ac968d;}

.navmenu{
text-transform : uppercase;
background : #ffFFff;
border-style: none;
color: #979797;
font-family: 'Trirong', serif;
font-size:13px;
opacity: .85;}

.navmenu img{
background: transparent;
border: 0px solid #e0dabf;
margin: 5px;
padding: 0px;}

.navmenu img:hover{
background: transparent;
border: 0px solid #e0dabf;
padding: 0px;}

.navmenu a{
color: #979797;
display: block;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
text-decoration: none;}

.navmenu a:hover{
background-color: #59556d;
color: #ffFFff;
text-decoration: none;}




/* MENU ADMIN CONFIGURATION ETC */

.admin_menu_thumb{
background-color:#ffFFff;
color: #979797;
font-family: 'Roboto', sans-serif;
font-size:11px;
font-weight: bold;
width: 1000px;}

.admin_menu_thumb a{
color: #979797;
text-decoration: none;}

.admin_menu_thumb a:hover{
color: #979797;
text-decoration: none;}

.admin_float{
display: block;
float: left;
position: relative;
white-space: nowrap;
/*width: 100px;*/}

.admin_menu{
padding-right:15px;
background-color: #ffFFff;
font-family: 'Roboto', sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
letter-spacing:1px;
font-weight: 600 !important;}

.admin_menu a{
padding-right:15px;
background-color: #ffFFff;
font-family: 'Roboto', sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
letter-spacing:1px;
font-weight: 600 !important;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-transform: uppercase;
color: #979797;}

.admin_menu a:hover{
font-weight:bold;
background-color: #ffFFff;}

.admin_menu_wrapper{
text-align:center;
padding: 0 0 20px 0;
width: 100%;
margin-top:-10px;}

td #admin_menu_anim{
background-image: url(https://adoringmargotrobbie.com/galerie/themes/zestedecouleurs%20copp/images/button_bg_anim.gif);}






/* IMAGES */

a img{
background-color: #f4f2f4;
border: 1px solid #f4f2f4;
padding: 5px;}

a img:hover{
background-color: #f4f2f4;
border: 1px solid #f4f2f4;
padding: 5px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-khtml-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}

.image{
border: 1px solid #f4f2f4;}

.image:hover{
border: 1px solid #f4f2f4;}

.imageborder{
margin-bottom: 10px;
margin-top: 10px;}

.display_media{
background-color: #f4f2f4;
padding: 10px 0;}

.display_media a img{
background-color: #f4f2f4;
border: 1px solid #f4f2f4;
padding: 5px;}

.display_media a img:hover{
background-color: #f4f2f4;
border: 1px solid #f4f2f4;
padding: 5px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-khtml-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}

.thumbnails{
padding: 5px;}

.thumbnails:hover{
padding: 5px;}

.thumbnails a img:hover{
background-color: #f4f2f4;
border: 1px solid #f4f2f4;
padding: 5px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-khtml-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;}

.thumbnails a img{
background-color: #f4f2f4;
border: 1px solid #f4f2f4;
padding: 5px;}

.thumb a img{
background: transparent;
border: 0;
padding: 0;}

.thumb a img:hover{
background: transparent;
border: 0;
padding: 0;}



































.user_thumb_infobox{
margin-bottom: 1px;
margin-top: 1px;}

.user_thumb_infobox th{
font-size: 100%;
font-weight: bold;
margin-bottom: 1px;
margin-top: 1px;
text-align: center;}

.user_thumb_infobox td{
font-size: 90%;
margin-bottom: 1px;
margin-top: 1px;
text-align: center;}

.user_thumb_infobox a{
color: #c45053;
text-decoration: none;}

.user_thumb_infobox a:hover{
color: #c45053;
text-decoration: none;}

.sortorder_cell{
background: transparent;
color: #51514a;
font-weight: bold;
margin: 0;
padding: 0;}

.sortorder_cell a img{
background: transparent;
border: 0;
height: 10px;
margin: 0;
padding: 0;
width: 10px;}

.sortorder_cell a img:hover{
background: transparent;
border: 0;
height: 10px;
margin: 0;
padding: 0;
width: 10px;}

.sortorder_options{
background: transparent;
color: #908c96;
font-family: 'Roboto', sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
font-weight: 600 !important;
margin: 0;
padding: 0;
white-space: nowrap;}


























.topmenu{
font-size: 100%;
line-height: 130%;
}


.topmenu a{
color: #51514a;
text-decoration : none;
}


.topmenu a:hover{
color: #51514a;
text-decoration: underline;
}


.img_caption_table{
background-color: #e9e5d1;
border: 0;
margin: 0;
width: 100%;
}


.img_caption_table th{
background-color: #e9e5d1;
border: 0;
color: #b59b4f;
font-size: 100%;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
}


.img_caption_table td{
background-color: #e9e5d1;
border: 0;
padding-bottom: 6px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
white-space: normal;
}


.debug_text{
border: #bdbebd;
background-color: #e9e5d1;
margin: 0;
width: 100%;
}


.clickable_option{
cursor: default;
}


.prev_strip{
text-align: left;
}


.prev_strip a img{
background: transparent;
border: 0;
margin: 0;
padding: 0;
}


.prev_strip a img:hover{
background: transparent;
border: 0;
margin: 0;
padding: 0;
}


.next_strip{
text-align: right;
}

.next_strip a img{
background: transparent;
border: 0;
margin: 0;
padding: 0;
}


.next_strip a img:hover{
background: transparent;
border: 0;
margin: 0;
padding: 0;
}


.listbox_lang{
background-color: #e9e5d1;
border: 0;
color: #b59b4f;
font-family: Arial, Helvetica, sans-serif, sans-serif;
font-size: 90%;
vertical-align: middle;
}


#vanity a{
display: block;
height: 20px;
margin: 3px 20px;
width: 57px;
}


.pic_title{
color: #000666;
font-size: 100%;
font-weight: bold;
line-height: 1.0em;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center;
}


.pic_caption{
background-image: none;
color: #000666;
font-size: 100%;
font-weight: normal;
line-height: 1.0em;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center;
}


.important{
/* background-image : url(https://adoringmargotrobbie.com/galerie/themes/zestedecouleurs%20copp/images/important.gif); */
color: red;
font-weight: bold;
padding-bottom: 3px;
padding-left: 1px;
padding-right: 1px;
padding-top: 3px;
}


#cpgChooseLanguageWrapper{
float: left;
}


#cpgChooseThemeWrapper{
float: left;
}


.filmstrip_background{
background-color: #edeceb;
}


.prev_strip{
text-align: left;
}


.next_strip{
text-align: right;
}


/** Swfupload css **/
div.fieldset{
border: 2px solid #0E72A4;
margin: 10px 0;
padding: 20px 10px;
}


div.fieldset span.legend{
background-color: #e9e5d1;
color: #fff;
font-weight: bold;
padding: 3px;
position: relative;
top: -30px;
}


div.flash{
border-color: #ccd7e0;
margin: 10px 5px;
width: 375px;
}


input[disabled]{ 
border: 1px solid #f1f1f1
} 
/* FF 2 Fix */


.progressWrapper{
overflow: hidden;
width: 357px;
}


.progressContainer{
background-color: #e9e5d1;
border: solid 1px #E8E8E8;
margin: 5px;
overflow: hidden;
padding: 4px;
}


/* Message */
.message{
background-color: #e9e5d1;
border: solid 1px #FFDD99;
margin: 1em 0;
overflow: hidden;
padding: 10px 20px;
}


/* Error */
.red{
background-color: #FFEBEB;
border: solid 1px #B50000;
}


/* Current */
.green{
background-color: #EBFFEB;
border: solid 1px #DDF0DD;
}


/* Complete */
.blue{
background-color: #F0F5FF;
border: solid 1px #CEE2F2;
}


.progressName{
color: #555;
font-size: 8pt;
font-weight: 400;
height: 14px;
overflow: hidden;
text-align: left;
white-space: nowrap;
width: 323px;
}


.progressBarInProgress,
.progressBarComplete,
.progressBarError{
background-color: blue;
font-size: 0;
height: 2px;
margin-top: 2px;
width: 0%;
}


.progressBarComplete{
background-color: green;
visibility: hidden;
width: 100%;
}


.progressBarError{
background-color: red;
visibility: hidden;
width: 100%;
}


.progressBarStatus{
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
margin-top: 2px;
text-align: left;
white-space: nowrap;
width: 337px;
}


a.progressCancel{
background-image: url(https://adoringmargotrobbie.com/galerie/images/cancelbutton.gif);
background-position: -14px 0;
background-repeat: no-repeat;
display: block;
float: right;
font-size: 0;
height: 14px;
width: 14px;
}


a.progressCancel:hover{
background-position: 0px 0px;
}


.swfupload{
vertical-align: top;
}

/**styles for photo manager*/
table#pic_sort tr td{ 
border-bottom: 1px solid #e0dabf;
padding: 4px;
}


/** styles for album manager and photo album*/
table#album_sort tr td{
border-bottom: 1px solid #e0dabf;
padding: 3px;
}


table#album_sort tr td span.editAlbum{
color: #FF0000;
cursor: pointer;
display: none;
font-size: 10px;
line-height: 100%;
margin-left: 100px;
text-decoration: underline;
}


.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation{
background-position: 10px center;
background-repeat: no-repeat;
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 50px;
}


.cpg_message_info{
background-color: #BDE5F8;
background-image: url('https://adoringmargotrobbie.com/galerie/images/message/info.png');
color: #00529B;
}


.cpg_message_success{
background-color: #DFF2BF;
background-image: url('https://adoringmargotrobbie.com/galerie/images/message/ok.png');
color: #4F8A10;
}


.cpg_message_warning{
background-color: #FEEFB3;
background-image: url('https://adoringmargotrobbie.com/galerie/images/message/warning.png');
color: #9F6000;
}


.cpg_message_error{
background-color: #FFBABA;
background-image: url('https://adoringmargotrobbie.com/galerie/images/message/stop.png');
color: #D8000C;
}


.cpg_message_validation{
background-color: #FFCCBA;
background-image: url('https://adoringmargotrobbie.com/galerie/images/message/error.png');
color: #D63301;
}


.cpg_summary{
background-color: #FFDEEF;
border: 1px solid;
color: #FF2B9C;
float: right;
font-size:0.9em;
margin: 10px 0px;
padding: 5px 10px 5px 10px;
text-align: right;
width: 400px;
}


#GB_window{
background-color: #F2F5F7;
border: 5px solid #CCD7E0;
}


.external{
background: #e9e5d1 url('https://adoringmargotrobbie.com/galerie/images/link.gif') 100% 50% no-repeat;
padding-right: 10px;
}


.detail_head_collapsed, .detail_head_expanded{
color: #b59b4f;
}













.comment_date{
color: #51514a;
font-size: 90%;
font-weight: bold;
text-decoration: none;
vertical-align: middle;}

.radio{
font-family: Arial, Helvetica, sans-serif, sans-serif;
font-size: 100%;
vertical-align: middle;}

.checkbox{
font-family: Arial, Helvetica, sans-serif, sans-serif;
font-size: 100%;
vertical-align: middle;}